<template>
  <li class="item" @click="handleDelete">{{content}}</li>
</template>

<script>
export default {
  props: ['content', 'index'],
  methods: {
    handleDelete () {
      // 子组件需要绑定父组件中的订阅方法deleteItem，通过这样的方法通知父组件
      this.$emit('deleteItem', this.index)
    }
  }
}
</script>

<style scoped>
.item {
  color: green;
  font-size: 24px;
}
</style>
